/*
	royalblue
	(30, 144, 255) dodgerblue
	(50, 205, 50) limegreen
	(255, 215, 0) gold
	(220, 20, 60) crimson
*/

.read, .go, .create, .update, .delete, .run, .dbio, .script {
	border: 1px solid black;
	color: black;
	border-radius: 2px;
	box-shadow: 2px 2px #666666;
	transition: box-shadow 1s;
	transition: background-color 1s;
}

/*.read:hover, .go:hover, .create:hover, .update:hover, .delete:hover {}*/

.read, .go, .delete, .script, .dbio {color: white;}

.read, .go {background-color: royalblue;}

.create {background-color: limegreen;}

.update {background-color: gold;}

.delete {background-color: crimson;}

.run {background-color: darkorange;}

.dbio {background-color: darkcyan;}

.script {background-color: darkorchid;}

.create[disabled] {
	background-color: grey;
	color: lightgrey;
	box-shadow: none;	
	transition: box-shadow 1s;
	transition: background-color 1s;
}
/*

.read, .go {background-color: rgba(30, 144, 255, .5);}

.create {background-color: rgba(50, 205, 50, .5);}

.update {
	background-color: rgba(255, 215, 0, .5);}

.delete {background-color: rgba(220, 20, 60, .5);}

.read:hover, .go:hover {
	background-color: rgba(30, 144, 255, 1.0);
	color: white;
}

.create:hover {background-color: rgba(50, 205, 50, 1.0);}

.update:hover {background-color: rgba(255, 215, 0, 1.0);}

.delete:hover {
	background-color: rgba(220, 20, 60, 1.0);
	color: white;
}
*/
